<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../lib/swiper-bundle.min.css" />
		<link rel="stylesheet" href="../css/api-detaiil.css" />
	</head>
	<body>
		<section class="header"></section>
		<header class="flex-c-sb b-box">
			<a href="#">
				<h1></h1>
			</a>
			<ul class="flex-c-c">
				<li><a href="./home.html">首页</a></li>
				<li class="active"><a href="#">Apl</a></li>
				<li><a href="#">云服务</a></li>
				<li><a href="#">案例</a></li>
				<li><a href="#">开发者</a></li>
			</ul>
			<div class="fz-14">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<main>
			<section class="banner rel">
				<!-- 粒子效果 -->
				<div id="bannerBg" class="abs"></div>
				<div class="container">
					<!-- 图文区 -->
					<div id="bannerCont" class="abs">
						<!-- 左边照片 -->
						<div id="photograph">
							<img src="../imgs/API11.jpg" alt="" />
							<div class="smallIcon">
								<img src="../imgs/API_smallicon_01.jpg" alt="" />
								<img src="../imgs/API_smallicon_02.jpg" alt="" />
								<img src="../imgs/API_smallicon_03.jpg" alt="" />
							</div>
						</div>
						<!-- 右边图文 -->
						<div class="image-text">
							<!-- 第一行 -->
							<div class="one">
								<h2>身份证实名认证</h2>
								<p>身份证实名</p>
								<p>身份证实名</p>
							</div>
							<!-- 第二行 -->
							<div class="two">
								<p>身份证实名</p>
								<p>身份证实名</p>
								<p>身份证实名</p>
							</div>
							<p>身份证实名</p>
							<!-- 第四行 -->
							<ul class="fore">
								<li class="default rel">
									<img src="../imgs/API17.jpg" alt="" />
									扫码测试
									<div id="foreTu">
										<img src="../imgs/wechat-white.png" alt="" />
										<p>扫码注册</p>
									</div>
								</li>
								<!-- 渲染 -->
								<!-- <li class="active">4000次</li>
								<li>8000次</li>
								<li>40000次</li> -->
							</ul>
							<!-- 第五航 -->
							<div class="price-five"></div>
							<!-- 第六航 -->
							<button>立即申请</button>
						</div>
					</div>
				</div>
			</section>
			<!-- 点击跳转 -->
			<section id="skip">
				<!-- 选项卡 -->
				<div id="chooseSkip">
					<div class="container">
						<a class="active" href="javascript:void 0">API文档</a>

						<a href="javascript:void 0">错误码参照</a>
						<a href="javascript:void 0">示例代码</a>
						<a href="javascript:void 0">联系我们</a>
					</div>
				</div>
				<!-- 下方图文 -->
				<div id="skip-it" class="container">
					<div id="fore-style">
						<!-- 第一个--接口 -->
						<div id="port" class="on">
							<p>接口地址：http://op.juhe.cn/idcard/query</p>
							<p>返回格式：json</p>
							<p>请求方式：http get/post</p>
							<p>
								请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
							</p>
							<p>接口备注：error_code为0时计费</p>
							<button>API测试工具</button>
						</div>
						<div class="ask" >
							<p>
								<i></i>
								请求参数说明:
							</p>
							<table>
								<tr>
									<td>名称</td>
									<td>必填</td>
									<td>类型</td>
									<td>说明</td>
								</tr>
								<tr>
									<td>idcard</td>
									<td>是</td>
									<td>string</td>
									<td>身份证号码</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>是</td>
									<td>string</td>
									<td>姓名(UTF-8)</td>
								</tr>
								<tr>
									<td>orderid</td>
									<td>否</td>
									<td>int</td>
									<td>传1时返回单号，默认不返回单号(建议传入)</td>
								</tr>
								<tr>
									<td>key</td>
									<td>是</td>
									<td>string</td>
									<td>在个人中心->我的数据,接口名称上方查看</td>
								</tr>
							</table>
						</div>
						<div class="ask">
							<p>
								<i></i>
								返回参数说明:
							</p>
							<table>
								<tr>
									<td>名称</td>
									<td>类型</td>
									<td>说明</td>
								</tr>
								<tr>
									<td>error_code</td>
									<td>int</td>
									<td>返回码</td>
								</tr>
								<tr>
									<td>reason</td>

									<td>string</td>
									<td>返回说明</td>
								</tr>
								<tr>
									<td>result</td>
									<td>object</td>
									<td>返回结果集</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>string</td>
									<td>属result,真实姓名</td>
								</tr>
								<tr>
									<td>idcard</td>
									<td>string</td>
									<td>属result,身份证号</td>
								</tr>
								<tr>
									<td>res</td>
									<td>int</td>
									<td>属result,匹配详情,1匹配,2不匹配</td>
								</tr>
							</table>
						</div>
						<div class="askLast">
							<p>
								<i></i>
								JSON返回示例：<button>JSON在线格式化工具</button>
							</p>
							<!-- 案例 -->
							<p id="case">
								<span> {</span>
								<span>"reason": "成功",</span>
								<span>"result": {</span>
								<span>"realname": "***",/*真实姓名*/</span>
								<span>"idcard": "******************",/*身份证号码*/</span>
								<span>"orderid":"J103202010151450419556",/*流水号*/</span>
								<span>"res": 1 /*1：匹配 2：不匹配*/</span>
								<span>},</span>
								<span>"error_code": 0</span>

								<span>}</span>
							</p>
						</div>
					</div>
					<section id="rightList">
						<ul id="rightList-left">
							<li>
								活动推荐/Activity
							</li>
							<li>
								<img src="../imgs/sfz-aside1.png" alt="" >
								
							</li>
							<li><img src="../imgs/details-aside02.png" alt=""></li>
							<li><img src="../imgs/details-aside03.png" alt=""></li>
						</ul>
						<ul class="like">
							<li>猜你喜欢</li>
							<li>
								<img src="../imgs/API22.jpg" alt="">
								<div>
									<h2>短信API服务</h2>
									<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
								</div>
							</li>
							<li>
								<img src="../imgs/API26.jpg" alt="">
								<div>
									<h2>银行卡四元素校验</h2>
									<p>检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。</p>
								</div>
							</li>
							<li>
								<img src="../imgs/API30.jpg" alt="">
								<div>
									<h2>身份证查询</h2>
									<p>身份证归属地信息查询身份证归属地信息查询</p>
								</div>
							</li>
							<li>
								<img src="../imgs/API36.jpg" alt="">
								<div>
									<h2>身份证OCR识别</h2>
									<p>支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、 身份证号、签发机关、有效期限，准确率98%以上</p>
								</div>
							</li>
							<li>
								<img src="../imgs/API40.jpg" alt="">
								<div>
									<h2>三网手机实名制认证</h2>
									<p>支持移动、联通号码；检验姓名、身份证、手机号码是否一致。</p>
								</div>
							</li>
						</ul>
					</section>
				</div>
			</section>
		</main>
		<!-- 注册通栏 -->
		<div id="testd" class="  ">
			<h1>现在注册，百款接口免费测试</h1>
			<button id="btnFree">免费注册</button>
		</div>
		<!-- <section id="footer"></section> -->
		<footer>
			<div class="container">
				<div class="sort">
					<!-- 5个自定义列表 -->
					<div class="dlList flex-c-c">
						<dl class="mr-80">
							<dt class="mb-40">联系与支持</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl class="mr-80">
							<dt class="mb-40">关于源码</dt>
							<dd>400-882-7715</dd>
							<dd>合作伙伴</dd>
							<dd>服务条款</dd>
							<dd>隐私政策</dd>
							<dd>市场合作</dd>
							<dd>反商业贿赂声明</dd>
						</dl>
						<dl class="mr-80">
							<dt class="mb-40">快速入口</dt>
							<dd>400-882-7715</dd>
							<dd>API数据</dd>
							<dd>黑钻会员</dd>
							<dd>新闻动态</dd>
							<dd>联系我们</dd>
							<dd>加入我们</dd>
						</dl>
						<dl class="mr-80">
							<dt class="mb-40">产品服务</dt>
							<dd>400-882-7715</dd>
							<dd>云监测</dd>
							<dd>云查询</dd>
							<dd>云助手</dd>
							<dd>聚盒子</dd>
							<dd>云充值</dd>
						</dl>
						<dl class="mr-80">
							<dt class="mb-40">解决方案</dt>
							<dd>400-882-7715</dd>
							<dd>数字中台</dd>
							<dd>慧集：API生命周期管理</dd>
							<dd>有赢：助力企业营销</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
					</div>
					<!-- 右侧二维码 -->
					<div class="quickMark">
						<h3>微信公众号</h3>
						<p>源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
				</div>
				<!-- 底部版权 -->
				<div class="copyright rel mt-40">
					<!-- 许可证 -->
					<div class="ok">
						<img src="../imgs/bei2.png" alt="" />
						<img src="../imgs/bei1.png" alt="" />
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<!-- 源码版权 -->
					<p>源码大数据股份有限公司©版权所有</p>
					<div class="copyright-Bg abs"></div>
					<!-- <img src="../imgs/returntopicon.jpg" alt=""> -->
				</div>
			</div>
		</footer>
		<!-- 引入util的js -->
		<script src="../js/util.js"></script>
		<script src="../lib/canvas-particle.js"></script>
		<script src="../js/api-detaiil.js"></script>
	</body>
</html>
